/**********************************************************
**  style.css
**  This is a skin for PmWiki: http://www.pmwiki.org
**  Original Author: Ian MacGregor
**  Date: November 8, 2013
**  License: GPL
* 
*   Modified and adapted for lesscss by Eric Forgeot 2013-11-11
***********************************************************/


@MainBg: #f5f0ea; 
@MenuBg: #8b796b;
@BannerBg1: #bf0c1e;
@BannerBg2: #930916;
@BannerBg2: rgba(125, 0, 2, 0.85);
@FooterBg: #a6917f;


body {
margin: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10pt;
line-height: 18px;
background-color: @MainBg;
text-align: justify;
}

#wrapper {
height: 100%;
/*width: 100%;*/
background-color: @MainBg;
overflow:hidden;
}

.sitesearch {
text-align: right;
margin-right:0px;
font-size: 9.5pt;
line-height: 8px;
}

.sitesearch input {
font-size: 85%;
} 



#header h1 {
font-family: Georgia,sans-serif;
font-size: 30px;
font-weight: normal;
line-height: 10px;
letter-spacing: 1px;
color: #fcfcfc;
}

#header a:link {
color: #fcfcfc;
text-decoration: none;
}

#header a:visited {
color: #fcfcfc;
text-decoration: none;
}

#header a:hover {
color: #ffffff;
text-decoration: underline;
}

#header a:focus {
color: #ffffff;
text-decoration: underline;
}

/* styling for non-existent link text */
#header a.createlinktext {
color:#ffffff;
border: none !important;
text-decoration: none !important;
}

/* styling for non-existent link glyph in header area */
#header a.createlink {
display: none;
}



#sidemenu a:link {
color: #f2e4d3;
text-decoration: none;
}

#sidemenu a:visited {
color: #f2e4d3;
text-decoration: none;
}

#sidemenu a:hover {
color: #ffefde;
text-decoration: underline;
}

#sidemenu a:focus {
color: #ffefde;
text-decoration: underline;
}

#sidemenu h1 {
color: #f2e4d3;
}

#sidemenu h2 {
color: #f2e4d3;
}

#sidemenu h3 {
color: #f2e4d3;
}

#sidemenu h4 {
color: #f2e4d3;
}

#sidemenu h5 {
color: #f2e4d3;
}

#sidemenu h6 {
color: #f2e4d3;
}

#sidemenu ul {
 list-style: none;
 }

#wikitext {

}

#pageactions {
padding: 12px 0px 0px 0px;
font-size: 9pt;
line-height: 2px;
text-align: right;
}

#pageactions ul {
list-style: none;
}

#pageactions li {
display: inline;
}

pagetitle {
font-family: Georgia,sans-serif;
font-size: 20px;
padding-bottom: 4px;
line-height: 2px;
color: #73060e;
}

/* styling for non-existent link glyph in content area */
#content a.createlink {
color:#ff0000;
}

/* styling for unordered lists */
ul {
margin-left: -1em;
}

ul ul {
margin-left: -2em;
}

ul ul ul {
margin-left: -2em;
}

ol {
margin-left: -1em;
}

ol ol {
margin-left: -2em;
}

ol ol ol {
margin-left: -2em;
}

/* styling for links */
a:link {
color: #800000;
text-decoration: none;
}

a:visited {
color: #800000;
text-decoration: none;
}

a:hover {
color: #aa0000;
text-decoration: underline;
}

a:focus {
color: #aa0000;
text-decoration: underline;
}

/* styling for non-existent link text */
a.createlinktext {
color:#ff0000;
}

a.createlink {
color:#ff0000;
}

/* styling for html headings */
h1 {
font-family: Georgia,sans-serif;
margin: 0;
margin: 18px 0px 14px 0px;
color: #73060e;
}

h2 {
font-family: Georgia,sans-serif;
margin: 0;
margin: 18px 0px 14px 0px;
color: #73060e;
}

h3 {
font-family: Georgia,sans-serif;
margin: 0;
margin: 14px 0px 10px 0px;
font-size: 16px;
line-height: 14px;
color: #73060e;
}

h4 {
font-family: Georgia,sans-serif;
margin: 0;
margin: 10px 0px 6px 0px;
font-size: 14px;
line-height: 9px;
color: #73060e;
}

h5 {
margin: 0;
margin: 8px 0px 6px 0px;
font-size: 12px;
line-height: 10px;
color: #73060e;
}

h6 {
margin: 0;
margin: 8px 0px 6px 0px;
font-size: 11px;
line-height: 9px;
color: #73060e;
}

/* styling for code blocks text */
pre {
border: 1px solid #d4d4d4;
font-family: 'Andale Mono','Courier New',Courier,monospace;
padding: 4px 10px 4px 10px;
color: #000000;
background-color: #ffffff;
overflow: auto;
}

pre pre {
border: 1px solid #d4d4d4;
font-family: 'Andale Mono','Courier New',Courier,monospace;
padding: 4px 10px 4px 10px;
color: #000000;
background-color: #ffffff;
overflow: auto;
}

/* styling for pre-formatted text */
code {
font-family: 'Lucida Console','Andale Mono','Courier New',Courier,monospace;
color: #403632;
}

code code {
font-family: 'Lucida Console','Andale Mono','Courier New',Courier,monospace;
color: #403632;
}

/* styling for tables */
table {
border-collapse: collapse;
}

/* styling for horizontal lines */
hr {
height: 1px;
background-color: #4d413c;
border: 0;
}

/* styling for the wiki edit area */
#wikiedit textarea {
width: 99%;
margin: 0;
clear: none;
}



#footer a:link {
color: #000000;
text-decoration: none;
}

#footer a:visited {
color: #000000;
text-decoration: none;
}

#footer a:hover {
color: #000000;
text-decoration: underline;
}

#footer a:focus {
color: #000000;
text-decoration: underline;
}



hr {		
    background-color: #666;
}


/* responsive part */

@media all and (min-width: 800px) and (max-width: 5080px)
{


#header {
	padding: 2px 5px 5px 5px;
	margin: 0px;
	border-bottom: 1px solid #000000;
	color: #fcfcfc;
	background-color: @BannerBg2;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@BannerBg1), to(@BannerBg2));
	background: -webkit-linear-gradient(top, @BannerBg1, @BannerBg2);
	background: -moz-linear-gradient(top, @BannerBg1, @BannerBg2);
	background: -ms-linear-gradient(top, @BannerBg1, @BannerBg2);
	background: -o-linear-gradient(top, @BannerBg1, @BannerBg2);
	float:left;
	width:100%;
	position:fixed;
	height:65px;
}

#sidemenu {
	margin: 2px 10px 2px 1px;
	padding: 5px 10px 10px 10px;
	border: 1px solid #66594e;
	font-size: 14px;
	color: #f2e4d3;
	background-color: @MenuBg;
	border-radius: 5px;
	float: left; 
	width:150px; 
	position:fixed; 
	top: 75px;
	clear: both; 
	z-index: 1;
}


#content {
	font-size: 15px;
	padding: 50px 20px 20px 3px;
	color: #4d413c;
	background-color: @MainBg;
	margin-left: 200px;
	margin-right: 10px;
	margin-top: 0px;
	clear:none;
	float:inherit;
	max-width:90%;
}


#footer {
	position: relative;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #000000;
	font-size: 9pt;
	text-align: center;
	color: #262120;
	background-color: @FooterBg;
	margin-left: 0em;
	margin-right: 0em;
	clear:both;
	float:left;
	width:99%;
}

}


@media all and (min-width: 00px) and (max-width: 799px)
{

#wrapper{
	font-size: 105%;
	line-height:1.1em;
}

#header {
	padding: 2px 5px 5px 5px;
	margin: 0px;
	border-bottom: 1px solid #000000;
	color: #fcfcfc;
	background-color: @BannerBg2;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@BannerBg1), to(@BannerBg2));
	background: -webkit-linear-gradient(top, @BannerBg1, @BannerBg2);
	background: -moz-linear-gradient(top, @BannerBg1, @BannerBg2);
	background: -ms-linear-gradient(top, @BannerBg1, @BannerBg2);
	background: -o-linear-gradient(top, @BannerBg1, @BannerBg2);
	float:left;
	width:100%;
}

#sidemenu {
	margin: 2px 5px 2px 1px;
	border: 1px solid #66594e;
	font-size: 13px;
	color: #f2e4d3;
	background-color: @MenuBg;
	border-radius: 0px;
	width:100%; 
	max-height:180px; 
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display:block;
	text-align:center;
}


#sidemenu ul {   
	list-style-type: none;     
	background-color: @MenuBg;
	margin:auto;
	height:35px;
	clear: both;float: center;
	font-size:110%;width:100%; 
}


#sidemenu li {
	background-color: @MenuBg;
	float: left;
	list-style: none;
	position: relative;
	display:block;
	padding: 6px 14px 10px 5px;
}

#content {
	font-size:110%;
	color: #4d413c;
	background-color: @MainBg;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	clear:none;
	float:inherit;
	max-width:100%;
	line-height:1.4em;
}


#footer {
	position: relative;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #000000;
	font-size: 9pt;
	text-align: center;
	color: #262120;
	background-color: @FooterBg;
	margin-left: 0em;
	margin-right: 0em;
	clear:both;
	float:left;
	width:99%;
}

}


